
import React, { Component } from 'react';
import { Button as _Button } from 'antd-mobile';
import { base } from 'nc-lightapp-mobile';

const { ButtonWrapper } = base;
const Button = ButtonWrapper(_Button);

class Small extends Component {
	render() {
		return (
			<div className="demo-button-small">
				<div className="flex-container">
					<Button size="small" inline>
						正常
					</Button>
					<Button size="small" inline disabled={true}>
						禁用
					</Button>
					<Button size="small" inline loading={true} />
				</div>
				<div className="flex-container">
					<Button type="secondary" size="small" inline>
						正常
					</Button>
					<Button type="secondary" size="small" inline disabled={true}>
						禁用
					</Button>
					<Button type="secondary" size="small" inline loading={true} />
				</div>
			</div>
		);
	}
}
export default Small;
